Skip to content

Roundcube, elastic Theme anpassen

Als erstes laden wir uns die modifizierten Dateien in das /tmp Verzeichnis herunter .

tux@earth:~$ wget https://tuxnet24.atlassian.net/wiki/download/attachments/8716289/logo.svg?api=v2 -O /tmp/logo.svg
tux@earth:~$ wget https://tuxnet24.atlassian.net/wiki/download/attachments/8716289/custom.css?api=v2 -O /tmp/custom.css

Nun gehen wir in das elastic Theme Verzeichnis, innerhalb des Roundcube Installationsverzeichnis und kopieren die heruntergeladenen Dateien an die richtigen Stellen.

tux@earth:~$ cd /var/www/roundcube/skins/elastic/
tux@earth:/var/www/roundcube/skins/elastic$ mv images/logo.svg images/logo.svg.dist
tux@earth:/var/www/roundcube/skins/elastic$ cp /tmp/logo.svg images/
tux@earth:/var/www/roundcube/skins/elastic$ cp /tmp/custom.css styles/
tux@earth:/var/www/roundcube/skins/elastic$ cp templates/includes/layout.html templates/includes/layout.html.dist
tux@earth:/var/www/roundcube/skins/elastic$ vi templates/includes/layout.html
....
    <roundcube:endif />
    <link rel="stylesheet" href="/styles/custom.css">
</head>

So sieht dann das Ergebnis aus. Das Hintergrundbild bei der Loginseite ist aus 382 Hintergrundbilder zufällig generiert. Bei jedem erneuten Login erhält man ein neues Hintergrundbild.

screen-login.jpg

Sonst kann man sagen, dass dieses Layout sehr dem Microsoft Webmail Client ähnelt.

screen-mail.jpg